<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1" />

	<script type="text/javascript" src="jquery-1.4.4.min.js"></script>
	<script type="text/javascript" src="sylvester.js"></script>
	<script type="text/javascript" src="sylvesterextend.js"></script>	
	<script type="text/javascript" src="arrayextend.js"></script>
	
	<script type="text/javascript" src="updateloop.js"></script>
	<script type="text/javascript" src="model.js"></script>
	<script type="text/javascript" src="view.js"></script>
	<script type="text/javascript" src="domainview.js"></script>
	<script type="text/javascript" src="controller.js"></script>

	<script type="text/javascript" src="entity/entity.js"></script>
	<script type="text/javascript" src="entity/components/entitycomponentmanager.js"></script>
	
	<script type="text/javascript" src="entity/components/connect/connectmanager.js"></script>
	<script type="text/javascript" src="entity/components/connect/connectcomponent.js"></script>

	<script type="text/javascript" src="entity/components/vehicle/vehiclemanager.js"></script>
	<script type="text/javascript" src="entity/components/vehicle/vehiclecomponent.js"></script>

	<script type="text/javascript" src="entity/components/seek/seekmanager.js"></script>
	<script type="text/javascript" src="entity/components/seek/seekcomponent.js"></script>

	<script type="text/javascript" src="entity/components/pursue/pursuemanager.js"></script>
	<script type="text/javascript" src="entity/components/pursue/pursuecomponent.js"></script>

	<script type="text/javascript" src="entity/components/arrive/arrivemanager.js"></script>
	<script type="text/javascript" src="entity/components/arrive/arrivecomponent.js"></script>

	<script type="text/javascript" src="entity/components/wander/wandermanager.js"></script>
	<script type="text/javascript" src="entity/components/wander/wandercomponent.js"></script>


	<script type="text/javascript" src="entity/components/spatial/spatialcomponent.js"></script>



	<script type="text/javascript">
	var can;
	var ctx;
		
	var updateLoop;	
	var view;
	var model;

	var init = function(){
	view = new View(900,400,document.getElementById("can"));
	view.setDotRadius(5);
	model = new Model(900,400,5);
	view.setModel(model);
	model.createPositions();
	model.setView(view);

	view.adjustCanvas();
	updateLoop=new UpdateLoop();
	updateLoop.addUpdateObject(model);
	updateLoop.start();
	
	Controller.setView(view);
	Controller.setModel(model);
	}
	
	</script>
</head>
<body onload ="init()">
	<canvas id="can" style="display:block;background:rgb(0,0,0)"></canvas>
	<div style="color:rgb(255,0,0);" id="controlPanel">
	<br>Antall koblinger: <input id="connections" value="50"></input><input type ='button' value="+" onclick="Controller.increaseConnections()"></input><input type ='button' value="-" onclick="Controller.decreaseConnections();"></input>
	<br>Radius increase number of steps, x: <input id="x" value="100"></input>
	<br>Radius increase max radius, y: <input id="y" value="250"></input>
	<br>Radius inclination at max radius, a: <input id="a" value="5"></input>
		<div id="info"></div>
	</div>
</body>
</html>